使用大括號與駝峰式命名來處理 DOM 是它與原生 jS 的差別。

//jS 寫法
<button onclick="myFunction()">Click me</button>
//React 寫法
<button onClick="myFunction()">Click me</button>

這邊有個小考題，我不得不再去複習一下運算子~

題目：當按了三次之後，按鈕會顯示什麼文字？

function Toggle2() {
  const [val, setVal] = useState("ON");
  function toggle3 () {
    setVal((val == "ON")?"OFF":"ON");
  }
  return <p><button onClick={toggle3}>{val}</button></p>;
}
const el12 = <Toggle2 />
ReactDOM.render(
  el12,
  document.getElementById('root14')
)

複習區

條件運算子 是 JavaScript 中唯一需要三個運算元的運算子。 這個運算子接受兩個運算元作為值且一個運算元作為條件。 語法是:

條件 ? 值1 : 值2
如果 條件 為 true，運算子回傳 值1， 否則回傳 值2。 你可以在任何使用標準運算子的地方改用 條件運算子。

相關文章：

運算式與運算子